    
            <section class="row">
                <div class="col-lg-12">
                    <div>
                        <h1><i class="fa fa-dashboard"></i> <?= $template['title'] ?></h1>
                    </div>
                    <div>
                        <?= $this->breadcrumb->output(); ?>
                    </div>
                </div>
            </section>

        <div class="ajax-container">
            
            <section class="row">
                <div class="col-12">
                    <div id="panel" class="panel panel-default">
                        <div class="panel-heading">
                            <div class="pull-right">
                                <span class="minimax"></span>
                                <button type="button" class="close" aria-hidden="true">&times;</button>
                            </div>
                            <h2 class="panel-title bold"><i class="fa fa-list-alt"></i> Preview Panel</h2>
                        </div>
                        <div class="panel-body">
                            <div class="guideline guideline-sticky bg-info">
                                <i class="fa fa-info-circle fa-lg"></i> Panel Guideline Goes Here.
                            </div>
                            
                            <?php if(isset($template['partials']['notifications'])) echo $template['partials']['notifications']; ?>

                            <div class="pull-left">
                                <div class="btn-group">
                                    <a href="<?= base_url() ?>companies/add" class="btn btn-default"><i class="fa fa-plus"></i> Add</a>
                                    <a href="javascript:void(0)" class="btn btn-default"><i class="fa fa-plus"></i> Edit</a>
                                    <a href="javascript:void(0)" class="btn btn-default"><i class="fa fa-plus"></i> Delete</a>
                                    
                                    <button type="button" class="btn btn-default"><i class="fa fa-plus"></i> Add</button>
                                    <button type="button" class="btn btn-default"><i class="fa fa-pencil"></i> Edit</button>
                                    <button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i> Delete</button>
                                </div>
                            </div>
                            
                            <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                        Show
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Active</a></li>
                                        <li><a href="#">Inactive</a></li>
                                        <li><a href="#">Archived</a></li>
                                    </ul>
                                </div>
                            </div>
                            
                            <table id="companies-table" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th class="align-center">
                                            <input type="checkbox" class="check-all" data-check="record" />
                                        </th>
                                        <th>Photo</th>
                                        <th>Name</th>
                                        <th>Description</th>
                                        <th>Address</th>
                                        <th>Date Created</th>
                                        <th>Date Updated</th>
                                        <th class="align-center">Status</th>
                                        <th class="align-center">Options</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    <?php foreach($companies as $company) : ?>
                                    
                                    <tr>
                                        <td class="align-center">
                                            <input type="checkbox" name="items[]" value="<?= $company['id'] ?>" class="record" />
                                        </td>
                                        <td><?= $company['image'] ?></td>
                                        <td><?= $company['name'] ?></td>
                                        <td><?= $company['description'] ?></td>
                                        <td><?= $company['address'] ?></td>
                                        <td><?= $company['date_created'] ?></td>
                                        <td><?= $company['date_modified'] ?></td>
                                        <td class="align-center">
                                            <span class="label label-default">Default</span>
                                        </td>
                                        <td class="align-center">
                                            <a href="<?= base_url() ?>companies/preview/id/<?= $company['id'] ?>" class="btn btn-info btn-xs"><i class="fa fa-search"></i></a>
                                            <a href="<?= base_url() ?>companies/edit/id/<?= $company['id'] ?>" class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></a>
                                            <a href="<?= base_url() ?>companies/delete/id/<?= $company['id'] ?>" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i></a>
                                        </td>
                                    </tr>
                                    
                                    <?php endforeach; ?>

                                </tbody>
                                
                            </table>

                            <div class="pull-left">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default"><i class="fa fa-plus"></i> Add</button>
                                    <button type="button" class="btn btn-default"><i class="fa fa-pencil"></i> Edit</button>
                                    <button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i> Delete</button>
                                </div>
                            </div>
                            
                            <script type="text/javascript">
                                $('.check-all').on('click', function(){
                                    var record = $(this).data('check');
                                    if( $(this).prop('checked') ) {
                                        $('input[class=' +record+ ']').prop('checked', true);
                                    } else {
                                        $('input[class=' +record+ ']').attr('checked', false);
                                    }
                                });
                            </script>

                        </div>
                        <div class="panel-footer">
                            <div class="align-center">
                                Footer
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- page-script -->
            <script src="<?= base_url() ?>js/companies/companies.js"></script>
        </div>